<script lang="ts" setup>
import { ElCard, ElSpace } from 'element-plus'
</script>

<template>
  <div class="m-1! flex flex-col space-y-1!">
    <ElCard>
      <ElSpace>
        <slot name="filter"></slot>
      </ElSpace>
    </ElCard>
    <ElCard>
      <div class="flex flex-col space-y-6!">
        <ElSpace>
          <slot name="action"></slot>
        </ElSpace>
        <slot></slot>
      </div>
    </ElCard>
  </div>
</template>
